﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../themes/icon.css" rel="stylesheet" />
    <link href="Css/Site.css" rel="stylesheet" />
    <script src="../script/jquery.min.js"></script>
    <script src="../script/jquery.easyui.min.js"></script>
    <style type="text/css">
        #aa ul li a {
            cursor: pointer;
        }

        #aa ul {
            width: 130px;
        }
        #span{
            text-align:center;
            /*margin-top:700px;*/
            color:white;
            margin-left:650px;
            line-height:43px;
        }
    </style>
    <meta charset="utf-8" />
</head>

<body class="easyui-layout">
    <!--头部-->
    <div data-options="region:'north',title:'',split:true" style="height:100px; background:blue; float:left;">
        <img src="images/logo.png" style="height:93px; float:left;display:block;" />
        <span style="float:left; margin-top:45px;color:white;font-size:14px;">
            会员消费积分管理平台&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;当前用户：
            <a class="easyui-linkbutton CloseAll" data-options="iconCls:'icon-Delete'"  style="margin-left:700px;">关闭全部</a>
        </span>
        <a href="javascript:void(0)" id="mb" class="easyui-menubutton"
           data-options="menu:'#mm',iconCls:'icon-Person2'" style="color:white; margin-top:45px;">账号管理</a>
        <div id="mm" style="width:150px;">
            <!--<div data-options="iconCls:'icon-undo'">Undo</div>
            <div data-options="iconCls:'icon-redo'">Redo</div>
            <div class="menu-sep"></div>
            <div>Cut</div>
            <div>Copy</div>
            <div>Paste</div>
            <div class="menu-sep"></div>
            <div data-options="iconCls:'icon-remove'">Delete</div>
            <div>Select All</div>-->
        </div></div>
    <!--底部-->
    <div data-options="region:'south',title:'',split:true" style="height:50px; background:blue;">
        <span id="span" >
        版权所有@copy2015会员消费积分管理平台
        </span>
    </div>
    <!--<div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div>-->
    <div data-options="region:'west',title:'菜单导航',split:true" style="width:205px; height:520px;">
        <div id="aa" class="easyui-accordion" style="width:198px;height:510px;">
            <div title="用户管理" style="overflow:auto;padding:10px;">
                <ul class="ul-menu">
                    <li><img src="icons/icon1.gif" /><a url="/UserManage/12_UserInfo.html">用户列表</a></li>
                    <li><img src="icons/icon1.gif" /><a url="/UserManage/40_ZiliaoUpdate.html">修改资料</a></li>
                    <li><img src="icons/icon1.gif" /><a url="/UserManage/41_PwdUpdate.html">修改密码</a></li>
                </ul>
            </div>
            <div title="系统管理" style="overflow:auto;padding:10px;">
                <ul class="ul-menu">
                    <li><img src="icons/icon1.gif" /><a url="/SystemManage/03_shopindex.html">店铺管理</a></li>
                    <li><img src="icons/icon1.gif" /><a url="/SystemManage/08_VipLevel.html">会员等级管理</a></li>
                </ul>
            </div>
            <div title="礼品管理">
                <!--data-options="iconCls:'icon-reload',selected:true"-->
                <ul class="ul-menu">
                    <li><img src="icons/icon1.gif" /><a url="/PresentManage/16_lipinPresent.html">礼品列表</a></li>
                </ul>
            </div>
            <div title="会员管理">
                <ul class="ul-menu">
                    <li><img src="icons/icon1.gif" /><a url="/MemberManages/20_Memberlist.html">会员列表</a></li>
                </ul>
            </div>
            <div title="会员消费">
                <ul class="ul-menu">
                    <li><img src="icons/icon1.gif" /><a url="/MemberManage/28_speedConsumption.html">快速消费</a></li>
                    <li><img src="icons/icon1.gif" /><a url="/MemberManage/29_VipMinusIntegral.html">会员减积分</a></li>
                    <li><img src="icons/icon1.gif" /><a url="/MemberManage/30_ConsumptionHistory.html">消费历史记录</a></li>
                </ul>
            </div>

            <div title="积分兑换">
                <ul class="ul-menu">
                    <li><img src="icons/icon1.gif" /><a url="/MemberManage/32_integralExchangeGift.html">积分兑换礼品</a></li>
                    <li><img src="icons/icon1.gif" /><a url="/MemberManage/33_ReturnOfIntegral.html">积分返现</a></li>
                    <li><img src="icons/icon1.gif" /><a url="/MemberManage/34_ExchangeHistory.html">兑换历史记录</a></li>
                </ul>
            </div>
            <div title="统计中心">
                <ul class="ul-menu">
                    <li><img src="icons/icon1.gif" /><a url="/StatisticsManage/35_QuickConsumption.html">快速消费统计</a></li>
                    <li><img src="icons/icon1.gif" /><a url="/StatisticsManage/36_ConsumeStituation.html">会员消费情况统计</a></li>
                    <li><img src="icons/icon1.gif" /><a url="/StatisticsManage/37_Substract.html">减积分统计</a></li>
                    <li><img src="icons/icon1.gif" /><a url="/StatisticsManage/38_jifenReturn.html">积分返现统计</a></li>
                    <li><img src="icons/icon1.gif" /><a url="/StatisticsManage/">礼品兑换统计</a></li>
                </ul>
            </div>

        </div>
    </div>
    <!--中间部分-->
    <div id="ttTab" data-options="region:'center',title:''" style="background:#eee;">
        <div id="tt" class="easyui-tabs"  style="width:100%;height:936px;">

        </div>
    </div>

    <script type="text/javascript">
        //实现用户单击导航栏跳转页面的方法
        $("#aa ul li a").click(function () {
            //获取按钮里边的src属性
            var src = $(this).attr("url");
            //将主框架的iframe跳转到菜单指向的地址，$("#frmWorkArea").attr("src",src);  即赋值，  $("#frmWorkArea").attr("src")  即取值
            //tab页面新增页面标签，每当单击左边的导航栏的时候跳转
            var titleShow = $(this).text();
            var strhtml = '<iframe id="firmwork" width="100%" height="99%" frameborder="0" scrolling="no" src="' + src + '"></iframe>'
            //判断tab标签中是否有相同的数据标签
            var isexist = $("#tt").tabs('exists', titleShow);
            if (!isexist) {
                $("#tt").tabs('add', {
                    title: titleShow,
                    content: strhtml,
                    iconCls: 'icon-ok',
                    closable: true
                });
            }
            else {
                $("#tt").tabs('select', titleshow);
            }
        });
     
        $(".CloseAll").click(function () {
            $("#ttTab li").each(function (index, obj) {
                //获取所有可关闭的选项卡
                var tab = $(".tabs-closable", this).text();
                $(".easyui-tabs").tabs('close', tab);
            });
        });
    </script>
</body>
</html>
